<#assign title="Instruktor - logowanie">
<#include "/templates/header.ftl"/>
<body>
	<div data-role="page" id="page1" data-theme="a">
		<div data-role="content" data-theme="a">
			<div data-role="popup" id="errorMsg" data-overlay-theme="a"></div>
			
			
			<div style="width: 100%; height: 200px; position: relative; background-color: #adadad; border: 1px solid #b8b8b8; margin-bottom: 50px;">
				<div class="logoInstruktor"></div>
			</div>
			<form id="loginForm" action="userLogin" method="POST" class="ui-body ui-body-a ui-corner-all">
				<div data-role="fieldcontain" class="ui-hide-label">
					<label for="login">Login</label> <input name="login" id="login" placeholder="Login" value="" type="text" />
				</div>
				<div data-role="fieldcontain" class="ui-hide-label">
					<label for="password">Hasło</label> <input name="password"
						id="password" placeholder="Hasło" value="" type="password" />
				</div>
				<input id="loginButton" type="submit" data-theme="b" value="Zaloguj" />
			</form>
				<#if (actionErrors?? && actionErrors?size > 0)>
					<#list actionErrors as error>
						<#if error?if_exists != "">
						<a href="#popupBasic" id="errorLink" data-rel="popup"></a>
						<div data-role="popup" id="popupBasic" data-position-to="window" class="ui-content">
						<a href="#" data-rel="back" data-role="button" data-theme="b" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Zamknij</a>
							${error!}
						</div>
						<script>
							$("#errorLink").click();
						</script>
				        </#if>
					</#list>
				</#if>
		</div>
	</div>
</body>
</html>